<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			#all{
				width: 100%;
			}
			#head{
				width: 1000px;
				height: 150px;
				margin: 0 auto;
			}
			#bottom{
				width: 1000px;
				height: 200px;
				margin: 0 auto;
			} 
			#iframe-head{
				width: 1000px;
				height: 150px;
				margin-left: -7px;
			}
			#iframe-bottom{
				width: 1000px;
				height: 180px;
				position: relative;
			}
			#content{
				width: 1000px;
				height: 300px;
				margin: 0 auto;
				background: url(img/images/login_bg.gif) no-repeat top center;
			}
			#let{
				width: 500px;
				height: 300px;
				float: left;
				margin-top: 30px;
				margin-left: 30px;
				border-right: 1px solid black;
			}
			#table1 td{
				height: 50px;
				margin: 0px;
				padding: 0px;
			}
			#let-next{
				width: 450px;
				height: 150px;
				margin: 0 auto;
			}
			#let-btm{
				width: 450px;
				height: 200px;
			}
			#let-btm ul{
				list-style: none;
			}
			#let-btm ul li{
				padding: 10px;
			}
			#td3{
				text-align: center;
			}
			#rgt{
				width: 450px;
				height: 500px;
				float: right;
				margin-top: 30px;
				margin-right: -50px;
			}
			#img1{
				margin-top: 27px;
			}
			#rgt-ctn{
				margin-left: 90px;
			}
			#rgt-btm{
				width: 330px ;
				height: 100px;
				background-color: #FDF7E7;
				border: 1px solid black;
			}
			.div{
				margin: 0 auto;
			}
			.div p{
				width: 180px;
				height: 20px;
				line-height: 20px;
				border: 1px solid black;
				background-color: white;
				margin-left: 80px;
				padding-top: 5px;
			}
		</style>
	</head>
	<body>
		<div id="all">
			<div id="head">
				<iframe src="head.html" id="iframe-head" scrolling="no" frameborder="0"></iframe>
			</div>
			<div id="content">
				<div id="let">
					<img src="img/images/title_login_2.png" />
					<div id="let-next">
						<table id="table1" border="0" cellspacing="2" cellpadding="10">
							<tr>
								<td>会员名：</td>
								<td>
									<input type="text" />
								</td>
								<td>
									(可包含a-z、0-9和下划线)
								</td>
							</tr>
							<tr>
								<td>密&nbsp;&nbsp;&nbsp;码：</td>
								<td>
									<input type="text" />
								</td>
								<td>
									(至少包含6个字符)
								</td>
							</tr>
							<tr>
								<td colspan="3" id="td3">
									<img src="img/images/login.gif" />
								</td>
							</tr>
						</table>
					</div>
					<div id="let-btm">
						<ul>
							<li>
								δ&nbsp;&nbsp;&nbsp;<a href="#">什么是安全登录。</a>
							</li>
							<li>
								δ&nbsp;&nbsp;&nbsp;香港会员（繁体中文用户）由此<a href="#">登入</a>
							</li>
							<li>
								δ&nbsp;&nbsp;&nbsp;<a href="#">密码安全贴士。</a>
							</li>
							<li>
								δ&nbsp;&nbsp;&nbsp;防止病毒或者木马窃取您的账户信息，<a href="#">在线检查</a>您的电脑是否安全。
							</li>
						</ul>
					</div>
				</div>
				<div id="rgt">
					<img id="img1" src="img/images/register.gif" />
					<div id="rgt-top2">
						<p>
							<img src="img/images/q1.png" /><a href="#">便宜有好货！</a>超过7000万件商品任您选。
						</p>
						<p>
							<img src="img/images/q2.png" /><a href="#">买卖更安全！</a>交易更安全。
						</p>
						<p>
							<img src="img/images/q3.png" /><a href="#">免费开网店！</a>轻松赚钱交友。
						</p>
						<p>
							<img src="img/images/q4.png" /><a href="#">超人气社区！</a>彩活动每一天。
						</p>
					</div>
					<div id="rgt-ctn">
						<img src="img/images/buynow.gif" />
					</div>
					<div id="rgt-btm">
						<div class="div">
							<p>
								您已经是会员？<a href="#">由此登入</a>
							</p>
						</div>
						<div class="div">
							<p>
								繁体中文用户由此<a href="#">注册</a>
							</p>
						</div>
					</div>
				</div>
			</div>
			<div id="bottom">
				<iframe src="bottom.html" id="iframe-bottom" scrolling="no" frameborder="0"></iframe>
			</div>
		</div>
	</body>
</html>
